<template>
    <div class="cagegor-box">
     <div class="contain">
     <!-- 面包屑 -->
     <!-- <Bread></Bread> -->
     <!-- 轮播图 -->
     <Banner class="banner"></Banner>
     <!-- 分类 -->
     <Category class="Category"></Category>
     </div>
    </div>
</template>

<script setup>
import { useStore, } from 'vuex'
import { useRoute } from 'vue-router'
import {ref,computed,reactive,refs,mounted} from 'vue'
import { SubCategory} from '@/api/http'
const store = useStore()
import Bread from '@/components/bread'
import Banner from './components/banner'
import Category from './components/category'
 const route = useRoute()
 
//  console.log('route.params.id',route.params.id)
//  store.dispatch('getSubCategoryList', {id:route.params.id})
</script>

<style lang="less" scoped>

.cagegor-box{
    width: 100%;
    background-color: #F5F5F5;
}
.Category{
 margin-top: 20px;
}
.banner{
     margin-top: 20px;
}

</style>